// 处理全局共用的一些样式及主题风格

// 使用交叉选择器，防止变量样式不生效
:root:root {
  --bob-tab-color-active: #1d2129;
  --bob-tab-color-default: #86909c;
  --bob-background-color: #f7f8fa;
}

// 公共布局
.layout {
  height: calc(100vh - 50px);
  &-content {
    height: calc(100% - 44px);
    background-color: #f2f3f5;
  }
}

.step-page {
  background-color: #fff;
  border-radius: 8px;
}

@for $i from 1 through 50 {
  $var: 1px * $i !important;
  .pd-#{$i} {
    padding: $var;
  }

  .pl-#{$i} {
    padding-left: $var;
  }

  .pr-#{$i} {
    padding-right: $var;
  }

  .pb-#{$i} {
    padding-bottom: $var;
  }

  .pt-#{$i} {
    padding-top: $var;
  }

  .mg-#{$i} {
    margin: $var;
  }

  .mt-#{$i} {
    margin-top: $var;
  }

  .mb-#{$i} {
    margin-bottom: $var;
  }

  .ml-#{$i} {
    margin-left: $var;
  }

  .mr-#{$i} {
    margin-right: $var;
  }
}

